<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link href="/statics/assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="/statics/css/style.css"/>
        <link href="/statics/assets/css/codemirror.css" rel="stylesheet">
        <link rel="stylesheet" href="/statics/assets/css/ace.min.css" />
        <link rel="stylesheet" href="/statics/font/css/font-awesome.min.css" />
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="/statics/assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="/statics/js/jquery-1.9.1.min.js"></script>
        <script src="/statics/assets/js/bootstrap.min.js"></script>
         
		<script src="/statics/assets/js/typeahead-bs2.min.js"></script>
		<script src="/statics/assets/js/jquery.dataTables.min.js"></script>
		<script src="/statics/assets/js/jquery.dataTables.bootstrap.js"></script>
        <script src="/statics/assets/layer/layer.js" type="text/javascript" ></script>
        <script src="/statics/assets/laydate/laydate.js" type="text/javascript"></script>
		<script src="/statics/assets/dist/echarts.js"></script>
    <script src="/statics/js/Amounts.js"></script>
<title>交易金额</title>
</head>

<body>
<div class="margin clearfix">
 <div class="amounts_style">

       <div class="search_style">
           <ul class="search_content clearfix">
               <li><label class="l_f">类型:</label>&nbsp;&nbsp;&nbsp;&nbsp;
                   <input class="myrdo" type="radio" name="typename" value="0" checked="checked"/><span class="radio-text">全部</span>&nbsp;&nbsp;&nbsp;&nbsp;
                   <input class="myrdo" type="radio" name="typename" value="1" /><span class="radio-text">工具</span>&nbsp;&nbsp;&nbsp;&nbsp;
                   <input class="myrdo" type="radio" name="typename" value="2" /><span class="radio-text">塑胶资讯</span>&nbsp;&nbsp;&nbsp;&nbsp;
                   <input class="myrdo" type="radio" name="typename" value="3" /><span class="radio-text">娱乐休闲游戏</span>&nbsp;&nbsp;&nbsp;&nbsp;
                   <input class="myrdo" type="radio" name="typename" value="4" /><span class="radio-text">快递物流平台</span>&nbsp;&nbsp;&nbsp;&nbsp;

               </li>
               <li><label class="l_f">名称</label><input name="content" id="content" type="text"  class="text_add" placeholder="输入名称"  style=" width:250px"/></li>

               <li style="width:90px;"><button type="button" class="btn_search" onclick="subbut();"><i class="icon-search"></i>查询</button></li>
           </ul>
       </div>

    <div class="border clearfix">
       <span class="l_f">
        <a href="/official/picture-add.html" title="添加数据" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
       </span>
       <span class="r_f">共：<b>${count}</b>条数据</span>
     </div>
   <div class="Record_list">
    <table class="table table-striped table-bordered table-hover" id="sample-table">
       <thead>
		 <tr>
             <th width="25"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
            <th width="100px">编号</th>
            <th width="100px">内容名称</th>
            <th width="180px">链接地址</th>
            <th width="100px">类型</th>
            <th width="100px">id值</th>
             <th width="100px">class值</th>
             <th width="250px">操作</th>
                           
			</tr>
		</thead>
        <tbody id="sertbody">
        <c:forEach items="${list.toolPlatformList}" var="li">
            <tr>
                <td width="25"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
                <td width="100px">${li.id}</td>
                <td width="100px">${li.content}</td>
                <td width="180px">${li.contentlink}</td>
                <td width="100px">
                    <c:if test="${li.type==1}">
                        工具
                    </c:if>
                    <c:if test="${li.type==2}">
                        塑胶资讯
                    </c:if>
                    <c:if test="${li.type==3}">
                        娱乐休闲游戏
                    </c:if>
                    <c:if test="${li.type==4}">
                        快递物流平台
                    </c:if>

                </td>
                <td width="100px">${li.idValue}</td>
                <td width="100px">${li.classValue}</td>
                <td class="td-manage">
                    <a onClick="member_stop(this,'10001')"  href="javascript:;" title="停用"  class="btn btn-xs btn-success"><i class="fa fa-check  bigger-120"></i></a>
                    <a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120"></i></a>
                    <a title="删除" href="javascript:;"  onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash  bigger-120"></i></a>
                </td>
            </tr>
        </c:forEach>
        </tbody>
        <tfoot id="sertfoot">
        <tr>
            <td colspan="8" class="text-center">
                <c:if test="${list.pageNo!=1}">
                    <a id="suoye" href="javascript:suoye();" style="cursor: pointer;">首页</a>
                    <a id="upye" href="javascript:upye();" style="cursor: pointer;">上一页</a>
                </c:if>

                <c:if test="${list.pageNo!=list.pageTotal}">
                    <a id="downye" href="javascript:downye();" name="down" value="下一页" style="cursor: pointer;">下一页</a>
                    <a id="meiye" href="javascript:meiye();" style="cursor: pointer;">尾页</a>
                </c:if>
            </td>
        </tr>
        </tfoot>
        </table> 
    
   </div>
 </div>
</div>
<div id="Statistics" style="display:none">
 <div id="main" style="height:400px; overflow:hidden; width:1000px; overflow:auto" ></div>
</div>
</body>
</html>
<script>
$(function() {
		/*var oTable1 = $('#sample-table').dataTable( {
		"aaSorting": [],//默认第几个排序
		"bStateSave": false,//状态保存
		//"dom": 't',
		"bFilter":false,
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[0,1,2,3,4]}// 制定列不参与排序
		] } );*/

				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
})
//当月统计
function Statistics_btn(){	
	var index = layer.open({
        type: 1,
        title: '当月销售统计',
		maxmin: true, 
		shadeClose:false,
        area : ['1000px' , ''],
        content:$('#Statistics'),
		btn:['确定','取消'],		
	})
	//layer.full(index);
	}
	//统计
	        require.config({
            paths: {
                echarts: './assets/dist'
            }
        });
        require(
            [
                'echarts',
				'echarts/theme/macarons',
                'echarts/chart/line',   // 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表
                'echarts/chart/bar'
            ],
            function (ec,theme) {
                var myChart = ec.init(document.getElementById('main'),theme);
				option = {
    tooltip : {
        trigger: 'axis'
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    legend: {
        data:['成交订单','失败订单','成交金额']
    },
    xAxis : [
        {
            type : 'category',
            data : ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','125','26','27','28','29','30','31']
        }
    ],
    yAxis : [
        {
            type : 'value',
            name : '订单',
            axisLabel : {
                formatter: '{value} 单'
            }
        },
        {
            type : 'value',
            name : '金额',
            axisLabel : {
                formatter: '{value} 元'
            }
        }
    ],
    series : [

        {
            name:'成交订单',
            type:'bar',
            data:[20, 49, 70, 232, 26, 67, 136, 162, 36, 20, 64, 33,26, 67, 136, 162, 36, 20, 64,]
        },
        {
            name:'失败订单',
            type:'bar',
            data:[2, 5, 9, 4, 2, 7, 1, 1, 4, 1, 0, 3,0, 0, 1, 2, 6, 2, 6,]
        },
        {
            name:'成交金额',
            type:'line',
            yAxisIndex: 1,
            data:[2024, 2233, 3344, 4543, 6355, 1042, 2037, 2346, 2305, 1654, 2120, 6542,2656, 6547, 1346, 2162, 3456, 4520, 6664,]
        }
    ]
};
				
				
				
				 myChart.setOption(option);
			})
</script>
